<template>
  <div class="bigbox">
    <div class="images" v-if="true">
      <img
        class="iamges"
        v-for="(item_image, index) in data.imageArr"
        :key="index"
        :src="item_image"
        style="
          width: 200px;
          height: 160px;
          margin: 0 5px;
          float: left;
          margin-top: 10px;
        "
      />
    </div>
  </div>
</template>
<script setup>
import { reactive } from 'vue'
const data = reactive({
  count: 0,
  imageArr: [
    'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
    'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
    'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
    'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg',
    'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg'
  ],
  image_disabled: true
})
</script>
<style hang="scss">
.images {
  float: left;
  width: 760px;
}
.bigbox {
  width: 70%;
  margin: auto;
}
</style>
